$(function(){

 

  $(".button2").click(function(){
	
	ShowDiv('MyDiv','fade');
})	
	$(".a_colse").click(function(){
		  CloseDiv('MyDiv','fade');
	})


$("#d11 li").click(function(){
				var $val = $(this).attr("name");
                    $vali="/template/"+$val+"/index.html";
				$("input[name='indextpl']").val($vali);
				document.getElementById("fade").style.display='none';
				document.getElementById("MyDiv").style.display='none';
			});
  
  $("#d11 li").click(function(){
		var $val = $(this).attr("name");
          $vali="/template/"+$val+"/list.html";
		$("input[name='listtpl']").val($vali);
		document.getElementById("fade").style.display='none';
		document.getElementById("MyDiv").style.display='none';
	});
	
  $("#d11 li").click(function(){
		var $val = $(this).attr("name");
        $vali="/template/"+$val+"/con.html";
		$("input[name='contpl']").val($vali);
		document.getElementById("fade").style.display='none';
		document.getElementById("MyDiv").style.display='none';
	});
	
	
	
	
	function ShowDiv(show_div,bg_div){
		document.getElementById(show_div).style.display='block';
		document.getElementById(bg_div).style.display='block' ;
		var bgdiv = document.getElementById(bg_div);
		bgdiv.style.width = document.body.scrollWidth;
		// bgdiv.style.height = $(document).height();
		$("#"+bg_div).height($(document).height());
		};
		//关闭弹出层
		function CloseDiv(show_div,bg_div)
		{
		document.getElementById(show_div).style.display='none';
		document.getElementById(bg_div).style.display='none';
		};

})
